﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<base href="<%=basePath%>">
<meta charset="utf-8">
<title>${webinfo.title }</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="${webinfo.descript }" />
<meta name="author" content="${webinfo.owner }" />
<meta name="keyworkds" content="${webinfo.keyword }" />
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<script src="js/jquery.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/portfolio/jquery.quicksand.js"></script>
<script src="js/portfolio/setting.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/animate.js"></script>
<script src="js/custom.js"></script>
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
<link rel="stylesheet" href="css/pintuer.css">
<link rel="stylesheet" href="css/admin.css">
<script type="text/javascript">
	$(function(){
	  $(".jqzoom").imagezoom();
	  $(".leftnav h2").click(function(){
		  $(this).next().slideToggle(200);	
		  $(this).toggleClass("on"); 
	  });
	  $(".leftnav ul li a").click(function(){
		    $("#a_leader_txt").text($(this).text());
	  		$(".leftnav ul li a").removeClass("on");
			$(this).addClass("on");
	  });
	  $("#nav_top li a").click(function(){
		  $(this).parent("ul").find("li").removeClass("active");
		  $(this).parent().addClass("active");
		  
	  });
	});
	function switchById(id){
		document.getElementById(id).scrollIntoView();
	}
</script>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<style type="text/css">
    div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px !important;height:300px !important;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;}
    div.zoomMask{position:absolute;background:url("/img/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
</style>
</head>
<body>
	<div id="wrapper">
		<a id="maodian1" name="maodian1"></a>
		<!-- start header -->
		<header>
			<div class="navbar navbar-default navbar-static-top">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target=".navbar-collapse">
							<span class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href=""><img
							src="${webinfo.logo }" alt="${webinfo.title }" width="158" height="42"/></a>
					</div>
					<div class="navbar-collapse collapse ">
						<ul class="nav navbar-nav" id="nav_top">
							<li class="active"><a href="javascript:void(0);" onclick="switchById('wrapper')">首页</a></li>
							<li><a href="javascript:void(0)" onclick="switchById('services')">提供服务</a></li>
							<li><a href="javascript:void(0)" onclick="switchById('aboutus')">关于我们</a></li>
							<li><a href="javascript:void(0)" onclick="switchById('price')">产品展示</a></li>
							<li><a href="javascript:void(0)" onclick="switchById('content')">服务网点</a></li>
							<li><a href="javascript:void(0)" onclick="switchById('content')">最近新闻</a></li>
							<li><a href="contact.jsp">联系我们</a></li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<!-- end header -->
		<section id="featured">
			
			<!-- Slider -->
			<div id="main-slider" class="flexslider">
				<ul class="slides" id = "advs">
				<c:if test="${!empty advs }">
					<c:forEach items="${advs }" var="advs">
						<li><img src="${advs.resource }" alt="${advs.title }" /></li>
					</c:forEach>
				</c:if>
				</ul>
			</div>
			<!-- end slider -->

		</section>
		<a name="maodian_service" id="maodian_service"></a>
		<section id="services" style="width: 80%;position: relative;margin-left: 10%;margin-right: 10%;">
			<div class="container">
				<div class="row service-v1 margin-bottom-40">
					<c:if test="${!empty services }">
						<c:forEach items="${services }" var="services" varStatus="a">
								<c:if test="${a.count < 3 }">
									<div class="col-md-5">
									<span style="width:100%;position: relative;text-align: center;">
										<h2>${services.title }</h2>
									</span>
									<c:if test="${services.type == 1 }">
										<a href="axxf/getExampleByServiceId.do?serviceId=${services.id }"><img class="img-responsive" src="${services.resource }" alt="${services.title }"/></a>
									</c:if>
									<c:if test="${services.type == 2 }">
										<video  id="showVedio" poster="${services.fmResource }" src="${services.resource }" controls="controls" preload="none" width="100%" height="100%" style="max-height: 210px"></video>
									</c:if>
									<c:if test="${services.type == 3 }">
										<embed type="application/x-shockwave-flash" src="${services.resource }" width="357" height="210" id="showSwf" quality="high" wmode="transparent" scale="noscale" 
       	 								menu="false" allowfullscreen="true" flashvars="lm=">
									</c:if>
									<span style="width:100%;position: relative;">
										<p>${services.content }</p> 
									</span>
								</div>
								<div class="col-xs-1"></div>
								</c:if>
						</c:forEach>
					</c:if>
				</div>
				<c:if test="${fn:length(services) > 2 }">
				<div style="width: 80%;position:relative;text-align: center;margin-left: 5%;margin-right: 10%;" ><a style="width:100%;position:relative; " href="axxf/allService.do">更多服务︾</a></div>
				</c:if>
			</div>
		</section>
		<a id="maodian_aboutus" name="maodian_aboutus"></a>
		<section class="callaction" id="aboutus">
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<a href="axxf/aboutus.do"><img src="${aboutus.resource }" alt="${aboutus.title }" width="100%" /></a>
					</div>
					<div class="col-md-8">
						<div>
							<h1>
								<span><span class="blue_text">${aboutus.title }</span></span>
							</h1>
							<span class="clear spacer_responsive_hide_mobile "
								style="height: 13px; display: block;"></span>
							<p>${aboutus.content}</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<a id="maodian_price" name="maodian_price"></a>
		<section id="price">
	<div class="container">	 
		<!-- end divider -->
		<div class="row">
			<div class="col-lg-12">
				<h4>产品展示</h4>
			</div>
			<c:if test="${!empty prices }">
				<c:forEach items="${prices }" var="p">
					<div class="col-lg-3">
						<div class="pricing-box-item">
							<div class="pricing-heading">
								<h3><strong><a href="axxf/getOneCase.do?id=${p.id }" style="color: white;">${p.title }</a></strong></h3>
							</div>
						<div class="pricing-terms">
							<c:if test="${p.resource != null }">
							<a href="axxf/getOneCase.do?id=${p.id }"><img src="${p.resource }" data-original="${p.resource  }" rel="${p.resource  }" alt="${p.title }" class="jqzoom" style="display: inline; cursor: crosshair; width: 100%;position: relative;"/></a>
							</c:if>
							<h6><a href="axxf/getOneCase.do?id=${p.id }">详情介绍</a></h6>
						</div>
<!-- 						<div class="pricing-container"> -->
<!-- 						<ul> -->
<%-- 							<li><i class="icon-ok"></i> <a href="axxf/getOneCase.do?id=${p.id }">详情介绍</a></li> --%>
<!-- 						</ul> -->
<!-- 					</div> -->
				</div>
			</div>
				</c:forEach>
			</c:if>
		</div>
			<c:if test="${priceSize > 4 }">
				<div style="width: 80%;position:relative;text-align: center;margin-left: 5%;margin-right: 10%;" ><a style="width:100%;position:relative; " href="axxf/allPrice.do">更多产品︾</a></div>
			</c:if>
	</div>
	</section>
	<a id="maodian_content" name="maodian_content"></a>
		<section id="content">
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<!-- Heading and para -->
						<div class="block-heading-one">
							<h3>
								<span>服务网点</span>
							</h3>
						</div>
						<div class="leftnav" style="position: relative; width: 80%;height: 100%;bottom: 20px;top: 10px;">
						<c:if test="${!empty sps }">
							<c:forEach items="${sps }" var="sp" varStatus="a">
								<h2><span class="icon-star"></span>${sp.key }</h2>
								<c:if test="${a.count == 1 }">
									<ul style="display:block">
								</c:if>
								<c:if test="${a.count != 1 }">
									<ul>
								</c:if>
									<c:forEach items="${sp.value }" var="c">
										<li><a href="axxf/getOneCase.do?id=${c.id }"><span class="icon-caret-right"></span>${c.fmResource }</a></li>
									</c:forEach>
								</ul>
							</c:forEach>
						</c:if>
						</div>
					</div>
					<div class="col-xs-8 col-sm-8 col-md-4">
						<div class="latest-post-wrap pull-left" >
							<h3>
								<span>修复实例</span>
							</h3>
							<!--Post item-->
							<c:if test="${!empty examples }">
								<c:forEach items="${examples }" var="n">
									<div class="post-item-wrap pull-left col-sm-6 col-md-12 col-xs-12">
										<c:if test="${n.type ==2 }">
											<img src="${n.fmResource }" class="img-responsive post-author-img" alt="${n.title }">
										</c:if>
										<c:if test="${n.type != 2 }">
											<img src="${n.resource }" class="img-responsive post-author-img" alt="${n.title }">
										</c:if>
										<div class="post-content1 pull-left col-md-9 col-sm-9 col-xs-8">
											<div class="post-title pull-left">
											<a href="axxf/getOneCase.do?id=${n.id }" target="_blank">${n.title }</a>
										</div>
										<div class="post-meta-top pull-left">
											<ul>
											<li><i class="fa fa-calendar"></i>${n.createtime }</li>
											</ul>
										</div>
									</div>
									<div class="post-content2 pull-left">
										<p>
										<c:if test="${fn:length(n.content) > 20 }">
											<c:out value="${fn:substring(n.content,0,20) }..."/>
										</c:if>
										<c:if test="${fn:length(n.content) <= 20 }">
											<c:out value="${n.content }..."/>
										</c:if>
										</p>
									</div>
								</div>
								</c:forEach>
							</c:if>
							<span class="post-meta-bottom"><a href="axxf/getAllExamples.do">更多实例</a></span>
						</div>
					</div>
					<div class="col-xs-8 col-sm-8 col-md-4">
						<div class="latest-post-wrap pull-left" >
							<h3>
								<span>热点新闻</span>
							</h3>
							<!--Post item-->
							<c:if test="${!empty news }">
								<c:forEach items="${news }" var="n">
									<div class="post-item-wrap pull-left col-sm-6 col-md-12 col-xs-12">
										<img src="${n.resource }" class="img-responsive post-author-img" alt="${n.title }">
										<div class="post-content1 pull-left col-md-9 col-sm-9 col-xs-8">
											<div class="post-title pull-left">
											<a href="axxf/getOneCase.do?id=${n.id }">${n.title }</a>
										</div>
										<div class="post-meta-top pull-left">
											<ul>
											<li><i class="fa fa-calendar"></i>${n.createtime }</li>
											</ul>
										</div>
									</div>
									<div class="post-content2 pull-left">
										<p>
										<c:if test="${fn:length(n.content) > 20 }">
											<c:out value="${fn:substring(n.content,0,20) }..."/>
										</c:if>
										<c:if test="${fn:length(n.content) <= 20 }">
											<c:out value="${n.content }..."/>
										</c:if>
										</p>
									</div>
								</div>
								</c:forEach>
							</c:if>
							<span class="post-meta-bottom"><a href="axxf/getAllNews.do">更多新闻</a></span>
						</div>
					</div>
				</div>
				<div class="row"></div>
			</div>
		</section>
		<footer>
	<div class="container">
		<div class="row">
			<div class="col-lg-3">
				<div class="widget">
					<h5 class="widgetheading">Our Contact</h5>
					<address>
					<strong>${webinfo.title }</strong>
					<br>
					<c:if test="${fn:length(webinfo.address) > 20 }">
						<c:out value="${fn:substring(webinfo.address,0,20) }"/>
						<br>
						<c:out value="${fn:substring(webinfo.address,20,fn:length(webinfo.address)-20) }"/>
					</c:if>
					<c:if test="${fn:length(webinfo.address) <= 20 }">
						${webinfo.address }
					</c:if>
					</address>
					<p>
						<i class="icon-phone"></i> ${webinfo.phone } &nbsp; ${webinfo.telphone } <br>
						<i class="icon-envelope-alt"></i> ${webinfo.email }
					</p>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="widget">
					<h5 class="widgetheading">快速链接</h5>
					<ul class="link-list">
						<li><a href="javascript:void(0);" onclick="switchById('wrapper')">顶部</a></li>
						<li><a href="axxf/aboutus.do">关于我们</a></li>
						<li><a href="javascript:void(0)" onclick="switchById('services')">服务</a></li>
						<li><a href="javascript:void(0)" onclick="switchById('content')">服务网点</a></li>
						<li><a href="contact.html">联系我们</a></li>
					</ul>
				</div>
			</div>
			<div class="col-lg-3">
					<div class="widget">
					<h5 class="widgetheading">最近新闻</h5>
					<ul class="link-list">
					<c:if test="${!empty news }">
						<c:forEach items="${news }" var="n" varStatus="a">
						<c:if test="${a.count < 6 }">
							<li><a href="axxf/getOneCase.do?id=${n.id }">${n.title }</a></li>
						</c:if>
						</c:forEach>
					</c:if>
					</ul>
				</div>
			</div>
			<div class="col-lg-3">
					<div class="widget">
					<h5 class="widgetheading">服务城市</h5>
					<ul class="link-list">
					<c:if test="${!empty sps }">
						<c:forEach items="${sps }" var="sp" varStatus="a">
							<li>${sp.key }</li>
						</c:forEach>
					</c:if>
					</ul>
				</div>
			</div>
		</div>
	</div>
		<div class="container">
						<p style="text-align: center;">
							${webinfo.footer }<a target="_blank" href="${webinfo.domain }">${webinfo.title }</a>
						</p>
		</div>
	</footer>
	</div>
	<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
</body>
</html>